{% extends  'base.html' %}

{% block menu %}
	<li><a href="/">Home</a></li>
	{% for c in collections %}
		{% ifequal c.id collection.id %}
			<li id="active"><a href="/collections/{{c.id}}">{{c.name}}</a></li>
		{% else %}
			<li><a href="/collections/{{c.id}}">{{c.name}}</a></li>
		{% endifequal %}
	{% endfor %}
{% endblock %}
        
{% block content %}

	<h1>{{ collection.name }} - Adicionar UIDP</h1>
	<div class="actions ">
		<div class="float_left">
			<a href="/collections/{{collection_id}}/uidps/new/"><img src="/static/images/uidp_new.png" alt="Adicionar UIDP" /> Adicionar UIDP</a>
		</div>
	</div>

			
	<div class="clearfloat"></div>
	<div class="boxes">
		{% if not others_uidps %}
			{% if not uidps %}
				<p class="no_item">Não existem padrões de interface.</p>
			{% else %}
				<p class="no_item">Todos os padrões de interface existentes pertencem à coleção selecionada.</p>
			{% endif %}
		
		{% else %}
			<p>Abaixo estão listados os padrões que ainda não foram adicionados à coleção selecionada.</p>
			<p><a style="margin:0px; padding:0px;text-align:left;" href="/collections/{{collection_id}}/uidps/new/">Criar novo UIDP</a></p>	

			{% for uidp in others_uidps %}
				{% if forloop.counter|divisibleby:"4" %}
					<ul>
				{% endif %}
					<li>
		            	<h2>{{uidp.name}}</h2>
		                <p class="font_small">{{uidp.problem}}</p>
		                <a href="/collections/{{collection_id}}/uidps/add/{{uidp.id}}" class='button'><button>+</button></a>
		            </li>
				{% if forloop.counter|divisibleby:"4" %}
					</ul>
				{% endif %}
			{% endfor %}
		
		{% endif %}				
	</div>
	
	{% if uidps %}
		<div class="clearfloat"></div>
		<div class="boxes">
			<p>Abaixo estão listados os padrões que já pertencem à coleção selecionada.</p>
		{% for uidp in uidps %}
			{% if forloop.counter|divisibleby:"4" %}
				<ul>
			{% endif %}
				<li>
	            	<h2>{{uidp.UIDP.name}}</h2>
	                <p class="font_small">{{uidp.problem}} {{uidp.problem.object}} {{uidp.problem.complement}}</p>
	                <a href="/collections/{{collection_id}}/uidps/remove/{{uidp.id}}" class='button red'><button id="red">-</button></a>
	            </li>
			{% if forloop.counter|divisibleby:"4" %}
				</ul>
			{% endif %}
		{% endfor %}		
		</div>
	{% endif %}
		
{% endblock %}